@import "../_function";
@import "../_variables";

.gift-list-item {
	width: 100%;
	height: pr(350);
	margin-bottom: pr(30);
	border-radius: pr(20);
	overflow: hidden;
	background: #ec7877;
	color: #fff;
	&-top {
		display: flex;
		box-sizing: border-box;
		align-items: center;
		justify-content: space-between;
		height: pr(250);
		padding: pr(28);
		&-price {
			span:nth-child(1) {
				font-size: pr(80);
				margin: 0 pr(30);
			}
		}
		&-detail {
			flex: 1;
			margin-left: pr(60);
			font-size: pr(35);
			p:nth-child(1) {
				font-size: pr(45);
				margin-bottom: pr(30);
				letter-spacing: 2px;
			}
		}
		&-btn {
			width: pr(194);
			height: pr(70);
			button {
				background: #fce8e7;
				color: #d45656;
				width: 100%;
				height: 100%;
				border: none;
				border-radius: pr(10);
			}
		}
	}
	&-bottom {
		background: #cc7773;
		height: pr(100);
		line-height: pr(100);
		position: relative;
		padding-left: pr(25);
		&:before {
			display: block;
			content: '';
			height: 0;
			width: 100%;
			border-top: 6px dotted #cc7773;
			position: absolute;
			top: -3px;
		}
	}
}
